<!-- components/test/test.vue -->
<template>
  <view id="myView">
    <view>这是test组件 {{num}}</view>
    <view>这是父组件传递过来的数据 {{title}}, {{name}}</view>
    <view>
      <button type="primary" @click="sendNum">给父组件传值</button>
    </view>
  </view>
</template>

<script>
export default {
 props: ['title', 'name'],
  
  data() {
    return {
      num: 3,
      idt: null
    };
  },
  
  methods: {
    sendNum() {
      // 子组件向父组件传值的方法
	  console.log('给父亲传值')
      this.$emit('myEvent', this.num);
    },
	
  },
  beforeCreate(){
      console.log('实例已经开始初始化了')
      // console.log(this.num) // 此时data还未初始化，会undefined
    },
    created(){
      console.log('created', this.num) // 此时可以访问data
    },
    beforeMount(){
      console.log('beforemount')
    },
    mounted(){
      console.log('mounted', document.getElementById('myView')) // 现在可以获取到元素
    },
    destroyed(){
      console.log('组件销毁了')
    }
}
</script>